<template>
  <div class="footer bg">
    <div class="container">
      <a class="link" href="https://github.com/zhaoyangkanshijie/record/blob/master/vue%E7%AE%80%E7%BB%93.md">vue简结</a>
      <a class="link" href="https://github.com/zhaoyangkanshijie/vueExample/blob/master/README.md">vue详解</a>
      <a class="link" href="https://github.com/zhaoyangkanshijie/vue3Example">本项目地址</a>
      <a class="link" href="https://zhaoyangkanshijie.github.io/">个人博客</a>
      <p class="phone">position:space edge</p>
      <p class="right">Saying:Simplify life and improve fortunate to achieve working with life.Actually,I am a program philosopher.</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Footer'
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
  @import "../scss/Footer.scss";
</style>
